<template>

    <div class="blog_body">
        <v-app>
            <!-- 头部导航栏-->
            <Header></Header>
            <Navigation></Navigation>
            <v-main app class="pt-0">
                    <router-view></router-view>
            </v-main>

            <v-footer app class="show_same_level" height="40">
                <Footer></Footer>
            </v-footer>
        </v-app>
    </div>
</template>

<script>
  // @ is an alias to /src
  import Main from '@/views/Main'

  /*导航组件*/
  import Navigation from '@/views/Navigation'
  /*头部组件*/
  import Header from '@/components/Header'
  import Footer from '@/components/Footer'


  export default {
    name: 'Home',
    components: {

      Main,
      Header,
      Navigation,
      Footer
    },
    created(){
      window.document.title='编程学习notes';

    }
  }
</script>
<style>
    .blog_body {
        /**
        设置页面整体左右都有一个内边距，实现差不多居中的效果
         */
        padding-left: 10%;
        padding-right: 10%;
        background-color: #ffffff;
    }
    .show_same_level{
        z-index: 1500 !important;
    }
</style>